<template>
	<view class="placeholder">
		<image :src="icon" class="placeholder-img" />
		<view class="placeholder-text">
			{{text}}
		</view>
	</view>
</template>

<script lang="ts" setup>
	import  { PLACEHOLDER_ICON } from './types';

	interface IPops {
		icon? : PLACEHOLDER_ICON,
		text? : string;
	}

	const props = withDefaults(defineProps<IPops>(), {
		icon: PLACEHOLDER_ICON.RECORD,
		text: '暂无记录',
	})
</script>

<style scoped lang="scss">
	@import "./style.scss";
</style>